<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>:: Inicio - JFR Sports ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/rexstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript">
	$(function()
	{
		$('.scroll-pane').jScrollPane({showArrows:false, scrollbarWidth:10, dragMaxHeight:12});
	});
</script>
<script src="js/bgstretcher.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
    //  Initialize Backgound Stretcher	   
		$(document).bgStretcher({
			images: ['images/body-1.jpg']
		});
	});
</script>
<!--[if lt IE 7]>
  <script type="text/javascript" src="js/ie_png.js"></script>
  <script type="text/javascript">
  ie_png.fix('.png, #main-bg-top, #footer, #logo, #slogan, #icons li img, h2 img');
  </script>
  <link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page1" onload="new ElementMaxHeight();">
<div id="main-bg-top">
  <div id="main">

    <!-- header -->
    <div id="header"> <a href="index.jsp"><img src="images/logo.png" id="logo" alt="" /></a> <big><a href="login.jsp">Login</a> <span>/</span> <a href="RegistrarClienteServlet">Registrate</a></big>
      <ul id="icons">
        <li><span></span></li>
      </ul>
      <div id="menu">
        <ul>
          <li class="act"><a href="#">Inicio</a></li>
          <li><a href="#">Nosotros</a></li>
          <li><a href="#">Reservas</a></li>

          <li><a href="#">Promociones</a></li>
          <li><a href="#">Cont&aacute;ctenos</a></li>
        </ul>
      </div>
       </div>
    <!-- content -->
    <div id="content">
      <div id="indent">
        <div class="wrapper">
          <div class="col-1">

            <div class="box">

                              <div class="inner">
                                <div class="wrapper">
                                  <h2><span><img src="images/pic-1.png" alt="" /></span>Noticias</h2>
                                  <ul class="list-1">
                                    <li> <strong> <em>15</em> <i>ene</i> </strong> <b>Noticia Titulo nro 1.</b> 2 canchas de fúitbol 7 en cesped sintético con medidas reglamentarias FIFA, 1 cancha de volley en cesped sintetico, 1 cancha multiple de padel-tennis y basquetball. Bar - Restaurante. <a href="#">&nbsp;</a> </li>
                                    <li> <strong> <em>12</em> <i>feb</i> </strong> <b>Noticia Titulo nro 2.</b> Parqueadero interno para 120 vehiculos. Iluminación permanente. Atención 24 horas. <a href="#">&nbsp;</a> </li>
                                    <li> <strong> <em>11</em> <i>feb</i> </strong> <b>Noticia Titulo nro 3.</b> 2 canchas de fúitbol 7 en cesped sintético con medidas reglamentarias FIFA, 1 cancha de volley en cesped sintetico, 1 cancha multiple de padel-tennis y basquetball. Bar - Restaurante. <a href="#">&nbsp;</a> </li>

                                  </ul>
                                </div>
                              </div>
                            
            </div>
            <div class="box-1">
                              <div class="inner">
                                <div class="wrapper">
                                  <h2><img src="images/pic-1.png" alt="" />Novedades</h2>
                                  <ul class="list-2">
                                    <li> <img src="images/novedad-img1.jpg" alt="" /> <big>2012-01-19</big> <strong><a href="#">Titulo novedad nro 1.</a></strong> <b>View: <small>75</small></b> <em> <img src="images/star.gif" alt="" /> <img src="images/star.gif" alt="" /> <img src="images/star.gif" alt="" /> <img src="images/star.gif" alt="" /> <img src="images/star.gif" alt="" /> </em> <i>00:45</i> </li>
                                    <li class="last"> <img src="images/novedad-img2.jpg" alt="" /> <big>2012-01-19</big> <strong><a href="#">Titulo novedad nro 2.</a></strong> <b>View: <small>18</small></b> <em> <img src="images/star-1.gif" alt="" /> <img src="images/star-1.gif" alt="" /> <img src="images/star.gif" alt="" /> <img src="images/star.gif" alt="" /> <img src="images/star.gif" alt="" /> </em> <i>00:45</i> </li>

                                  </ul>
                                </div>
                              </div>
                            
            </div>
          </div>
          <div class="col-2">
            <div class="box-2">
                              <div class="inner">
                                <div class="wrapper">
                                  <h2><strong><img src="images/pic-1.png" alt="" />Extras</strong></h2>

                                  <div class="scroll-pane">
                                    <ul class="list-3">
                                      <li>
                                       <a href="#"><img src="images/1page-img3.jpg" alt="" /></a>
                                       <strong><a href="#">Extra nro. 1</a></strong> 
                                       <b>descripción<br />Fecha: 2012-02-05</b>
                                      </li>
                                      <li>
                                       <a href="#"><img src="images/1page-img4.jpg" alt="" /></a>
                                       <strong><a href="#">Extra nro. 2</a></strong>
                                       <b>descripción<br />Fecha: 2012-02-01</b>
                                      </li>
                                      
                                    </ul>
                                  </div>
                                </div>
                              </div>
                            
            </div>
            <div class="box-3">
              
                              <div class="inner">
                                <div class="wrapper">
                                  <h2><img src="images/pic-1.png" alt="" />Subscríbete</h2>

                                  <form action="" id="subscribe-form">
                                    <div class="wrapper">
                                      <input type="text" value="" />
                                      <input type="submit" value="" id="subscribe-submit" />
                                    </div>
                                  </form>
                                </div>
                              </div>
                            
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- footer -->
    <div id="footer">
      <p>&copy; 2012 Fulbitofacil JFR - <a href="#">Todos los derechos reservados.</a></p>
      <strong>
      <!-- {%FOOTER_LINK} -->

      </strong> </div>
  </div>
</div>

</body>
</html>